<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lorem Ipsum</title>
    <link rel="stylesheet" href="../assets/css/textGenerator.css">
  </head>
  <body>
    <section class="section-center">
      <h3>Tired of boring Lorem Ipsum?</h3>
      <form class="lorem-form">
        <label for="amount">Paragraphs: </label>
        <input type="number" name="amount" min="1"  max="9" id="amount" placeholder="5" />
        <button type="submit" class="btn">Generate</button>
      </form>
      <article class="lorem-text"></article>
    </section>

    <script src="../assets/js/textGenerator.js"></script>
  </body>
</html>